<#include "header.html">


<div class="container">
    <div class="section">
        <div class="row">
            <div class="col s12 l9">
                <div class="card hoverable">

                    <div class="card-action">
                        <a>对话</a>
                    </div>

                    <ul class="collection">
                        <#list messages as vo>
                            <li class="collection-item avatar">
                                <a href="/user/${vo.fromUser.id}"><img src="${vo.fromUser.headUrl}" alt="" class="circle"></a>

                                <p class=""><a href="/user/${vo.fromUser.id}">${vo.fromUser.name}</a>  <span class="thin">发送于 ${vo.message.createdDate?datetime}</span> </p>
                                <#if vo.message.link??>
                                    <a href="${vo.message.link}">
                                </#if>
                                <p class="">${vo.message.content}
                                </p>
                                <#if vo.message.link??>
                                    </a>
                                </#if>

                            </li>
                        </#list>



                    </ul>




                    <div class="card-content">
                        <!-- 分页 -->
                        <ul class="pagination center">
                            <#if prePId??>
                            <li class="waves-effect"><a href="/msg/detail?conversationId=${conversationId}&pId=${prePId}"><i class="material-icons">chevron_left</i></a></li>
                        </#if>

                        <#if nextPId??>
                        <li class="waves-effect"><a href="/msg/detail?conversationId=${conversationId}&pId=${nextPId}"><i class="material-icons">chevron_right</i></a></li>
                    </#if>
                        </ul>

                    </div>
                </div>
            </div>
        </div>



    </div>

</div>


<#include "footer.html">